  .dark{
    background-color: #111;
    color-scheme: dark;
  }
  
    ::view-transition-old(*) {
      animation: none;
      mix-blend-mode: normal;
    }

    ::view-transition-new(*) {
      animation: themeSchemeSwitch 1s ease-in;
      mix-blend-mode: normal;
    }

    @keyframes themeSchemeSwitch {
      from {
        clip-path: circle(0% at var(--x,0) var(--y,0));
      }
      to {
        clip-path: circle(100% at var(--x,0) var(--y,0));
      }
    }
